carAlarm = {
  initPage:function() {
    this.data = {
      pageNum: 1,
      queryData: {
        page: 1,
        size: 10,
        areaId: "",
        platformName: "",
        owersName: "",
        vehicleNo: ""
      },
      datareaslut: [],
      attr: [],
      columnsData: [
        {
          field: 'no',
          title: '序号',
          align: 'center',
					formatter: function (value, row, index) {
            var pageSize = carAlarm.data.queryData.size;
            var pageNumber = carAlarm.data.queryData.page;
            return pageSize * (pageNumber - 1) + index + 1;
          }
        },
        {
            field: 'vehicleNo',
            title: '车牌号码'
        },
        {
            field: 'vheicleColor',
            title: '车牌颜色'
        },
        {
            field: 'licensePlateNumber',
            title: '包车牌编号',
        },
        {
            field: 'startPoint',
            title: '线路起点',
            visible: false
        },
        {
            field: 'endPoint',
            title: '线路终点',
            visible: false
        },
        {
            field: 'startTime',
            title: '开始日期',
            visible: false
        },
        {
            field: 'endTime',
            title: '结束日期',
            visible: false
        },
        {
            field: 'driver',
            title: '驾驶员',
        },
        {
            field: 'area',
            title: '地区',
        },
        {
            field: 'platform',
            title: '平台',
        },
        {
            field: 'owers',
            title: '企业',
        },
        {
            field: 'businessIssuer',
            title: '企业签发人',
            visible: false
        },
        {
            field: 'vehicleType',
            title: '车辆类型',
            visible: false
        },
        {
            field: 'transportNumber',
            title: '道路运输证号',
            visible: false
        },
        {
            field: 'certificateNumber',
            title: '从业资格证号',
            visible: false
        },
        {
            field: 'passengersNumber',
            title: '载客人数',
            visible: false
        },
      ]
    };
    this.initTableData(); // table数据
    this.btnEvent();
    this.getCharterInfo(); // table初始化
    this.selectInputInit();
  },
  selectInputInit() { // 地区input级联选择
    jrequest.get("/api/assessMent/selectByArea",{}).then(res => {
      var data = res.data;
      data[0].code=1;
				$.each(data[0].cityAreaVOS,function(i,dom){
					data[0].cityAreaVOS[i].code=2;
					$.each(data[0].cityAreaVOS[i].cityAreaVOS,function(j,dom){
						data[0].cityAreaVOS[i].cityAreaVOS[j].code=3;
					})
				})
				this.creatMainRido("qrm-main",data,"cityAreaVOS","code");
    })
  },
  creatMainRido:function(id,attr,child,jibie){
		$(id).html("");
		var sttrdiv="";
		for(var i=0;i<3;i++){
			sttrdiv +="<div class='qrm-border"+(i+1)+"' style='display:none'>"+
				"<ul class='qrm-lev-"+(i+1)+" qrm-lev' id='qrm-border1'>"+
				"</ul>"+
				"</div>"
		};
		$(".qrm-main").html(sttrdiv);
		var str="";
		$("#qrm-border1").html("");
		var forTree = function(o){
			for(var i=0;i<o.length;i++){
				var urlstr = "";
				try{
					urlstr = "<li><span data-id='"+o[i]["id"]+"'>"+ o[i]["name"] +"</span><i class='qrm-arrow-right'></i><ul class='li-zi-"+o[i][jibie]+"' style='display: none'>";
					str += urlstr;
					if(o[i][child] != null){
						forTree(o[i][child]);
					}
					str += "</ul>";
				}catch(e){}
			}
			return str;
		};
		$("#qrm-border1").html(forTree(attr));
	},
  initTableData() {
    for (var i = 0; i < 100; i++) {
      this.data.datareaslut.push({
          "id": i+1,
          "vehicleNo": "陕A" + Math.floor(Math.random() * 89999 + 10000),
          "vehicleColor":"绿色",
          "areaName":"陕西省",
          "owersName":"向南",
          "platformName":"向南测试云平台",
          "carLoad":"咸阳至西安",
          "time":"2020-12-31"
      })
    };
  },
  initBootTable(data,columns,total) {
    $('#cnf_reportTable').bootstrapTable({
      method: 'get',
      cache: false,
      height: 420,
      pagination: true,
      pageSize: carAlarm.data.queryData.size,
      pageNumber:carAlarm.data.queryData.page,
      pageList: [10, 25, 50, 100],
      showColumns: true,
      striped: true,
      columns: columns,
      data :data,
      // sidePagination: 'server', // client or server 是否后台分页
      totalRows: total,
      onPageChange: function (size, number) {
        carAlarm.data.queryData.size = size;
        carAlarm.data.queryData.page = number;
        carAlarm.queryTableData();
      },
      formatNoMatches: function(){
          return '暂无数据';
      }
    });
  },
  getQueryData() {
    this.data.queryData.areaId = $(".j-search-row .item").eq(0).find("input").attr("data-id") || "";
    this.data.queryData.platformName = $(".platform_name input").val();
    this.data.queryData.owersName = $(".owers_name input").val();
    this.data.queryData.vehicleNo = $(".vehicle_name input").val();
  },
  resetQueryData() {
    this.data.queryData.page = 1;
    $(".qrm-input").val('')
    this.data.queryData.areaId = $(".j-search-row .item").eq(0).find("input").attr("data-id","");
    this.data.queryData.platformName = $(".platform_name input").val('')
    this.data.queryData.owersName = $(".owers_name input").val('')
    this.data.queryData.vehicleNo = $(".vehicle_name input").val('')
  },
  getCharterInfo() { // 包车牌信息查询
    this.getQueryData();
    jrequest.get("/api/findAllInformation",this.data.queryData).then(res => {
      $("#cnf_reportTable").bootstrapTable('destroy');
      this.initBootTable(res.data,this.data.columnsData,res.total);
    })
    
  },
  // getNotCard() { // 无牌出市查询
  //   // jrequest.get("",this.data.queryData).then(res => {
  //   //   // console.log(res.data)
  //   // })
  //   $("#cnf_reportTable").bootstrapTable('destroy');
  //   this.initBootTable(this.data.datareaslut,this.data.columnsData,this.data.datareaslut.length);
  // },
  // getNotRoadDriving() { // 未按规定路线行驶查询
  //   // jrequest.get("",this.data.queryData).then(res => {
  //   //   // console.log(res.data)
  //   // })
  //   $("#cnf_reportTable").bootstrapTable('destroy');
  //   this.initBootTable(this.data.datareaslut,this.data.columnsData,this.data.datareaslut.length);
  // },
  getCardNotOnline() { // 有牌未上线查询
    this.getQueryData();
    jrequest.get("/api/thereIsACardNotOnline",this.data.queryData).then(res => {
      $("#cnf_reportTable").bootstrapTable('destroy');
      this.initBootTable(res.data,this.data.columnsData,res.total);
    })
  },
  // getBeyondScope() { // 超范围经营查询
  //   // jrequest.get("",this.data.queryData).then(res => {
  //   //   // console.log(res.data)
  //   // })
  //   $("#cnf_reportTable").bootstrapTable('destroy');
  //   this.initBootTable(this.data.datareaslut,this.data.columnsData,this.data.datareaslut.length);
  // },  
  getCharterOneWeek() { // 包车出省一周查询
    this.getQueryData();
    jrequest.get("/api/charteredOutOfTheProvince",this.data.queryData).then(res => {
      $("#cnf_reportTable").bootstrapTable('destroy');
      this.initBootTable(res.data,this.data.columnsData,res.total);
    })
    
  },
  queryTableData() {
    switch(this.data.pageNum) {
      case 1:
        carAlarm.getCharterInfo();
        break;
      // case 2:
      //   carAlarm.getNotCard();
      //   break;
      // case 3:
      //   carAlarm.getNotRoadDriving();
      //   break;
      case 2:
        carAlarm.getCardNotOnline();
        break;
      // case 5:
      //   carAlarm.getBeyondScope();
      //   break;
      case 3:
        carAlarm.getCharterOneWeek();
        break;
    }
  },
  btnEvent() {
    $(".tab_content").on("click","div",function() { // 顶部tab切换
      var index = $(this).index();
      $(".tab_content div").eq(index).addClass("active").siblings().removeClass("active")
      carAlarm.resetQueryData(); // 重置
      switch(index) {
        case 0:
          carAlarm.data.pageNum = 1;
          carAlarm.getCharterInfo();
          break;
        // case 1:
        //   carAlarm.data.pageNum = 2;
        //   carAlarm.getNotCard();
        //   break;
        // case 2:
        //   carAlarm.data.pageNum = 3;
        //   carAlarm.getNotRoadDriving();
        //   break;
        case 1:
          carAlarm.data.pageNum = 2;
          carAlarm.getCardNotOnline();
          break;
        // case 4:
        //   carAlarm.data.pageNum = 5;
        //   carAlarm.getBeyondScope();
        //   break;
        case 2:
          carAlarm.data.pageNum = 3;
          carAlarm.getCharterOneWeek();
          break;
      }
    });
    $(".carAlarmSearch_btn").click(() => { // 查询
      carAlarm.queryTableData();
    })
    $(".carAlarmReset_btn").click(() => { // 重置
      carAlarm.resetQueryData();
    })
  }
}



$(function() {
  carAlarm.initPage();
})